<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="MobileOptimized" content="320">
    <link type="text/css" rel="stylesheet" href="../css/index.css">
    <title>裁判页</title>
    <style type="text/css">
        .drop_in {
            margin-top: 25em;
        }

        .create_room {
            margin-top: 20.6em;
        }


        .red_team p{
            margin-left: 14%;
        }
        .blue_team p{
            margin-right: 13%;
            right: 0;
            float: right;
        }

    </style>
</head>
<body>
<div class="main">
    <div class="base">
        <div class="base_one"></div>
        <div class="base_two"></div>
        <div class="base_three"></div>
        <div class="base_four"></div>
        <div class="base_five"></div>
        <div class="base_six"></div>
        <div class="base_seven"></div>
        <div class="base_eight"></div>
        <div class="base_nine"></div>
        <div class="base_ten"></div>
    </div>
    <div class="judge_title">
        <img src="../img/change_name.png">
        <input placeholder="| 请输入口号" >
    </div>
    <div class="both_team">
        <img src="../img/both_count.png">
        <div class="red_team">
            <p>30</p>
        </div>
        <div class="blue_team">
            <p>30</p>
        </div>
    </div>
    <div class="create_room" style="width: 35%;margin-left: 32.5%">
        <img src="../img/drop_in_game.png">
        <p style="font-size: 22px">准备开始</p>
    </div>
    <div class="drop_in">
        <img src="../img/drop_in_game.png">

        <p>比赛时间10s</p>
    </div>
    <div class="line_left"></div>
    <div class="line_right"></div>

</div>
</body>
</html>